<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>LNF</title>
        <meta name="description" content="LNF">

        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="/static/css/style.css">

        <!-- slider -->
        <link rel="stylesheet" href="/static/slider/css/slidorion.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="/static/slider/js/jquery.easing.js"></script>
        <script src="/static/slider/js/jquery.slidorion.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.1/jquery.dataTables.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.1/css/jquery.dataTables.css"></script>

        <script>
            $(document).ready(function(){
                $('#slidorion').slidorion({
                    speed: 1000,
                    interval: 400000000,
                    effect: 'slideLeft'
                });
                
                $('#tabela').dataTable();
            });
        </script>
    </head>
    <body>
        <header>
            <div class="centered"><a href="{% url tabela %}?turno=1">Tabela de Rodadas</a> | <a href="{% url classificacao %}">Classificação</a></div>
            <a href="{% url tabela %}?turno=1">1º Turno</a><br />
            <a href="{% url tabela %}?turno=2">2º Turno</a>
        </header>
        <div role="main" class="content centered">
            <table class="tabela-pontos" id="tabela">
                <thead>
                    <tr>
                        <td>Classificação</td>
                        <td>P</td>
                        <td>J</td>
                        <td>V</td>
                        <td>E</td>
                        <td>D</td>
                        <td>GP</td>
                        <td>GC</td>
                        <td>SG</td>
                    </tr>
                </thead>
                <tbody>
	                {% for clube in clubes %}
	                    <tr>
	                        <td><span>{{forloop.counter}}</span> {{clube.nome}}</td>
	                        <td><strong>{{clube.get_pontos}}</strong></td>
	                        <td>{{clube.get_num_jogos}}</td>
	                        <td>{{clube.get_num_vitorias}}</td>
	                        <td>{{clube.get_num_empates}}</td>
	                        <td>{{clube.get_num_derrotas}}</td>
	                        <td>{{clube.get_num_gols_pro}}</td>
	                        <td>{{clube.get_num_gols_contra}}</td>
	                        <td>{{clube.get_saldo_gols}}</td>
	                    </tr>	                
	                {% endfor %}
                </tbody>
            </table>
        </div>
        <br style="clear: both;" />
        <footer>
            <div class="centered">E no footer? Vai o nome do grupo que fez?</div>
        </footer>
    <script>
    	var _gaq=[['_setAccount','UA-XXX'],['_trackPageview']];
    	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    	s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>

    </body>
</html>